{% extends "web1/template.html" %}

{% block title %}播放页面{% endblock %}

{% block css %}
<link rel="stylesheet" href="/static/PublicCss/info.css">
{% endblock %}

{% block body %}
<div class="info-box yy-display-flex yy-flex-justify-content-space-between">
    <div class="info-left-box">
        <div class="layui-panel">
            <div style="padding: 15px;">
                <div class="play-video-box yy-position-relative">
                    <video src="" controls></video>
                    <div class="play-yytxingnbuyaoxxrhgg yy-position-absolute yy-text-color1">yy提醒您: 请勿相信视频中全部的广告</div>
                </div>
                <div class="layui-panel yy-margin-top-15px">
                    <div style="padding: 15px;">
                        <div class="layui-row layui-col-space15">
                            <div class="layui-col-md6">
                                <div class="layui-card yy-padding-10px ">
                                    <div class="layui-card-body">
                                        <h2 class="yy-text-font-weight-400 elip-1">斗破斗破苍穹年番斗破苍穹年番斗破苍穹年番苍穹年番</h2>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-md6">
                                <div class="layui-card yy-padding-10px ">
                                    <div class="layui-card-body">
                                        <div class="layui-btn-container">
                                            <a class="layui-btn layui-btn-primary layui-border">
                                                <i style="transform: rotate(-90deg);" class="iconfont yy-display-inline-block icon-arrow_up"></i>
                                                <span>上一集</span>
                                            </a>
                                            
                                            <a class="layui-btn layui-btn-primary layui-border">
                                                <i style="transform: rotate(90deg);" class="iconfont yy-display-inline-block icon-arrow_up"></i>
                                                <span>下一集</span>
                                            </a>
                                            <a class="layui-btn layui-btn-primary layui-border">
                                                <i class="layui-icon">&#x1006;</i>
                                                <span>影片报错</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-panel yy-margin-top-15px">
            <div style="padding: 15px;">
                <div class="layui-card-header">
                    <h3 class="yy-text-font-weight-400 yy-display-flex ">
                        <span>高清线路</span>
                        <span class="yy-margin-left-auto layui-font-gray">在线播放,无需安装播放器</span>
                    </h3>
                </div>
                <div class="layui-card-body">
                    <div class="layui-btn-container info-layui-btn-container">
                        <a href="javascript:;" class="active layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                        <a href="javascript:;" class="layui-btn-sm layui-btn layui-btn-normal layui-btn-radius">第一季</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-panel yy-margin-top-15px">
            <div style="padding: 15px;">
                <div class="layui-card-header">
                    <h3 class="yy-text-font-weight-400 yy-display-flex ">
                        <i class="iconfont icon-jianjie"></i>
                        <span class="yy-margin-left-5px">剧情介绍</span>
                    </h3>
                </div>
                <div class="layui-card-body">
                    <span class="yy-text-color1 yy-text-font-weight-700">简介: </span>
                    <span>
                        三年之约后，萧炎终于在迦南学院见到了薰儿，此后他广交挚友并成立磐门；为继续提升实力以三上云岚宗为父复仇，他以身犯险深入天焚炼气塔吞噬陨落心炎……
                        三年之约后，萧炎终于在迦南学院见到了薰儿，此后他广交挚友并成立磐门；为继续提升实力以三上云岚宗为父复仇，他以身犯险深入天焚炼气塔吞噬陨落心炎……
                        三年之约后，萧炎终于在迦南学院见到了薰儿，此后他广交挚友并成立磐门；为继续提升实力以三上云岚宗为父复仇，他以身犯险深入天焚炼气塔吞噬陨落心炎……
                        三年之约后，萧炎终于在迦南学院见到了薰儿，此后他广交挚友并成立磐门；为继续提升实力以三上云岚宗为父复仇，他以身犯险深入天焚炼气塔吞噬陨落心炎……
                    </span>
                </div>
            </div>
        </div>

        <div class="layui-panel yy-margin-top-15px">
            <div style="padding: 15px;" class="yy-media5">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <h3 class="yy-text-font-weight-400 yy-display-flex ">
                            <i class="iconfont icon-cainixihuan"></i>
                            <span class="yy-margin-left-5px">猜你喜欢</span>
                        </h3>
                    </div>
                    <div class="layui-card-body">
                        <div class="layui-card">
                            <!-- <div class="layui-card-header">推荐</div> -->
                            <div class="layui-card-body">
                                <ul
                                    class="clearfix yy-display-flex yy-flex-justify-content-space-between yy-flex-wrap-wrap">
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info ">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>

                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                    <li class="clearfix-item">
                                        <a href="javascript:;"
                                            style="background: url('https://pic.wujinpp.com/upload/vod/20240513-1/0943426c02529164750ad2f633be3d6e.jpg') bottom no-repeat;"
                                            class="yy-position-relative crad-img yy-display-block">
                                            <span class="yy-position-absolute yy-absolute-b-5px-r-10px">更新到01集</span>
                                            <div class=" yy-absolute-z-bgc yy-position-relative">
                                                <i
                                                    class="yy-position-absolute iconfont icon-bofang yy-text-size-50px yy-absolute-centent yy-text-color2"></i>
                                            </div>
                                        </a>
                                        <div class="movie_info">
                                            <h4 class="yy-text-font-weight-400 elip-1">
                                                <a href="#">名门绅士2：淑女之心之纯白之恋篇</a>
                                            </h4>
                                            <p class="elip-1 yy-margin-top-5px">Tate Henry myron,依莎亚·贺苏汪</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% include 'web1/footer.html' %}
    </div>
    <div class="info-right-box">
        <div class="layui-panel">
            <div style="padding: 15px;" class="yy-display-flex yy-flex-align-items-center yy-flex-direction-column">
                <span>扫码用手机观看</span>
                <div class="info-shaoma-box yy-margin-tb-10px">
                    <img class="yy-image-v1"
                        src=""
                        alt="">
                </div>
                <span>分享到朋友圈</span>
            </div>
        </div>

        <div class="layui-panel yy-margin-top-15px">
            <div style="padding: 15px;">
                <div class="layui-card-header">
                    <i class="yy-text-color1 iconfont icon-superscript-"></i>
                    <span>推荐</span>
                </div>
                <div class="layui-card-body">
                    <div class="info-sm-ascfhasjca yy-text-align-centent">
                        <a href="javascript:;" class="info-sm-sascimg-box yy-display-block">
                            <img class="yy-image-v1"
                                src="https://pic.wujinpp.com/upload/vod/20220731-1/87c88da26e74c1e33ba5a5793e453373.jpg"
                                alt="">
                        </a>
                        <h3 class="elip-1 yy-margin-top-5px">
                            <a class="" href="javascript:;">斗1123斗1123罗条例斗1123罗条例斗1123罗条例罗条例</a>
                        </h3>
                    </div>

                    <ul class="hot-list yy-margin-top-15px">
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>
                        <li class="yy-margin-left-5px">
                            <a href="#"
                                class="yy-display-block yy-flex-align-items-center yy-flex-justify-content-space-around yy-display-flex hot-itema">
                                <div class="elip-1" style="width: 70%;">
                                    <span class="hot-list-box yy-display-inline-block yy-margin-right-5px">1</span>
                                    <span>飞驰生11231231223123erasdasd死2</span>
                                </div>
                                <div style="width: 30%;" class="yy-display-flex">
                                    <i class="iconfont yy-margin-left-auto yy-display-inline-block icon-arrow_up"
                                        style="transform: rotate(90deg);"></i>
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block js %}{% endblock %}